<template>
    <div>
        <h1>登录</h1>
        <div>
            <el-card style="max-width: 480px">
              <template #header>
                <div class="card-header">
                    <span>图书管理登录</span><br>
                    <el-form
                      style="max-width: 600px"
                      label-width="auto"
                      class="demo-ruleForm"
                    >
                        <el-form-item label="用户名" prop="pass">
                        <el-input v-model="username" type="text" autocomplete="off" />
                        </el-form-item>
                        <el-form-item label="密码" prop="pass">
                        <el-input v-model="password" type="password" autocomplete="off" />
                        </el-form-item>
                        <el-button type="primary">登录</el-button>
                        <el-button>重置</el-button>
                    </el-form>

                </div>
              </template>
    
              <!-- <template #footer>Footer content</template> -->
            </el-card>
        </div>
    </div>
</template>

<style scoped>

</style>

